<template>
  <div id="app" class="SkAttendanceReport">
    <chart ref="chartRef" @cardData="handleCardData"></chart>
    <!-- <actual ref="actualRef" @cardData="handleCardData"></actual>
    <late ref="lateRef" @cardData="handleCardData"></late> -->
  </div>
</template>
<script>
import chart from './chart.vue'
import actual from './actual.vue'
import late from './late.vue'
export default {
  name: 'SkAttendanceReport',
  components: {
    chart,
    actual,
    late
  },
  data() {
    return {
    }
  },

  filters: {},

  computed: {},

  created() {},

  activated() {},

  mounted() {},

  methods: {
    handleCardData(data, dateType) {
      this.$emit("cardData", data, dateType);
    }
  }
}
</script>
<style lang="less" scoped>
</style>